

<HTML>
<HEAD>
<TITLE>22nd Test of Section 12.6 of CSS2 Spec</TITLE>

<STYLE TYPE="text/css">
p {marker-offset: 5em}
blockquote {marker-offset: auto}
li:before {marker-offset: inherit}
h3 {marker-offset: 10em}
h4 {marker-offset: 200%}
</STYLE>
</HEAD>




<BODY>
<h1 >
Testing 22nd Testable Statement of Sec 5.1 of CSS2 Specification
</h1>


<ul>
<li  >
22. The "marker-offset" property has initial auto, it applies to elements
with display: marker, it is not inherited, percentages are N/A, and media 
is visual.
</ul>




<h2 >
PASS CRITERIA:
</h2>
<p >
If statement #22 above is passed, then
<p>
This paragraph should produce divided lines within the paragraph,
according to the marker offset of 5em.
The rule applied is "p {marker-offset: 5em}".
This <em>emphasized text</em> should have marker offset of UA-default,
since marker offset property is not inherited, and em is a child of p.
</p>
<blockquote>
This blockquote element should have a marker offset of auto.
The rule applied is "blockquote {marker-offset: auto}".
</blockquote>
<ol>
<li>This list item should have a marker offset of inherit.
<li>The rule applied is "li:before {marker-offset: inherit}".
</ol>
<h3>This h3 element should have marker-offset of 10em.
Rule applied is "h3 {marker-offset: 10em}".
</h3>
<h4>This h4 element should have marker-offset of UA-default.
Rule specified is "h4 {marker-offset: 200%}", but percentages don't apply.
</h4>
<h5>This h5 element should have marker-offset of auto (initial value).
No explicit CSS rule specified.
</h5>
All other properties of this page should be UA-default.


</BODY>
</HTML>

